<template>
    <div class="box">
      <h4>{{detail.name}}</h4>
      <p class="time">{{detail.time}}</p>
      <div v-for="(item , index) in detail.content">
        <p>{{item.part}}</p>
        <img :src="item.img"  mode="widthFix" alt="">
    </div>
    </div>
</template>

<script>
  export default {
    name: "index",
    data(){
      return{
        detail:{
          name:'“上党春来早，多彩乡村游”三条乡村旅游线路',
          time:"2019-021-12",
          content:[
            {part:'山西省文旅厅联合省内11市文旅部门启动“踏青知春暖，快乐乡村游”活动，围绕踏青、赏花、观山、望水、寻找乡情等，推出特色鲜明的22条乡村旅游线路，以乡村旅游示范村和旅游扶贫示范村为主体，为广大市民、游客提供踏青郊游、乡村游憩服务，助推乡村旅游热潮。长治市以“上党春来早，多彩乡村游”为主题，将乡村旅游示范村串联设计了3条乡村旅游线路，为广大市民提供踏青郊游、乡村游憩好去处。'},
            {img:'https://p0.ssl.qhimg.com/t01a747dd8e0f65a6e8.webp'}
          ]
        }
      }
    }
  };
</script>

<style lang="scss" scoped>
  .box {
    padding: 30rpx;
    h4{
      line-height: 80rpx;
      font-size: 42rpx;
      font-weight: bold;
    }
    .time{
      color: #999999;
     padding-bottom: 60rpx;
      font-size: 24rpx;
    }
    div{
      width: 100%;
      p{
        font-size: 30rpx;
        line-height: 1.5;
        margin-bottom: 30rpx;
      }
    }
    img {
      border-radius: 10rpx;
      overflow: hidden;
    }
  }
</style>
